<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:mobile"
  xid="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;">
    <div component="$UI/system/components/justep/data/data" xid="areaData"
      directDelete="true" autoLoad="true" idColumn="fID"
      onCustomSave="mainDataCustomSave" onSaveCommit="saveCommit" onCustomRefresh="areaDataCustomRefresh">
      <column label="areaData" name="fID" type="String"
        xid="areaData"/>
      <column label="名称" name="name" type="String"
        xid=""/>
      <column label="地址" name="adree" type="String"
        xid=""/>
      <column label="邮编" name="mail" type="String"
        xid=""/>
    	<rule xid="rule1">
	   <col name="fID" xid="ruleCol1">
	    <calculate xid="calculate1">
	     <expr xid="default2">justep.UUID.createUUID()</expr></calculate> </col> </rule>
	   </div>
  </div>  
  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" title=""
        class="x-titlebar"> 
        <div class="x-titlebar-left"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" onClick="{operation:'window.close'}"
            xid="backBtn" bind-click="backBtnClick"> 
            <i class="icon-chevron-left"/>  
            <span/> 
          </a> 
        </div>  
        <div class="x-titlebar-title">我的片区</div>  
        <div class="x-titlebar-right reverse"><a component="$UI/system/components/justep/button/button" class="btn btn-default" label="保存" xid="button1" onClick="{operation:'areaData.save'}">
   <i xid="i1"></i>
   <span xid="span1">保存</span></a>
  <a component="$UI/system/components/justep/button/button" class="btn btn-default" label="修改" xid="button2" onClick="{operation:'areaData.new'}">
   <i xid="i2"></i>
   <span xid="span2">修改</span></a></div> 
      </div> 
    </div>  
    <div class="x-panel-content"> 
      <div component="$UI/system/components/justep/controlGroup/controlGroup"
        class="x-control-group" title="片区信息"> 
        <div class="x-control-group-title">片区信息</div> 
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.areaData.label('name')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="areaData" bind-ref="areaData.ref('name')" bind-text="'金阳小区'"/>
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.areaData.label('adree')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="areaData" bind-ref="areaData.ref('adree')" bind-text="'乌鲁木齐市沙依巴克区克西路'"/>
          </div> 
        </div>
        <div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label20"> 
          <label class="x-label left" bind-text="$model.areaData.label('mail')"/>  
          <div class="x-edit">
            <span class="x-output" component="$UI/system/components/justep/output/output"
              data="areaData" bind-ref="areaData.ref('mail')" bind-text="'833000'"/>
          </div> 
        </div>
      </div> 
    </div> 
  </div> 
</div>